<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../pages/1-css.css">
</head>
<body>
<div class="sd_content">
    <ul class="dash_board">
        <li>
            <div class="sd_yi_biao_pan">
                <p class="sd_bordrs_bar1 border1"></p>
                <p class="sd_bordrs_bar1 border2"  style="transform:rotate(90deg)"></p>
                <p class="sd_bordrs_bar1 border3"></p>
                <div class="sd_zhizhen_box">
                    <span class="sd_zhizhen  sd_zhizhen1 " style="transform:rotate(90deg)"></span>
                </div>
            </div>
            <p class="sdPre_yibiao_num">50 <i class="sdPre_yibiao_txt">%</i></p>
            <em >知识掌握程度</em>
        </li>
        <li>
            <div class="sd_yi_biao_pan">
                <p class="sd_bordrs_bar1 border1"></p>
                <p class="sd_bordrs_bar1 sd-bordrs-bar2 border2"  style="transform:rotate(90deg)"></p>
                <p class="sd_bordrs_bar1 border3"></p>
                <div class="sd_zhizhen_box">
                    <span class="sd_zhizhen  sd_zhizhen2"  style="transform:rotate(100deg)"></span>
                </div>
            </div>
            <p class="sdPre_yibiao_num">50 <i class="sdPre_yibiao_txt">%</i></p>
            <em>方法掌握程度</em>
        </li>
        <li>
            <div class="sd_yi_biao_pan">
                <p class="sd_bordrs_bar1 border1"></p>
                <p class="sd_bordrs_bar1 sd-bordrs-bar3 border2"  style="transform:rotate(90deg)"></p>
                <p class="sd_bordrs_bar1 border3"></p>
                <div class="sd_zhizhen_box">
                    <span class="sd_zhizhen  sd_zhizhen3"  style="transform:rotate(120deg)"></span>
                </div>
            </div>
            <p class="sdPre_yibiao_num">50 <i class="sdPre_yibiao_txt">%</i></p>
            <em>能力掌握程度</em>
        </li>
    </ul>
</div>

</body>
</html>